<div>
  <div class="modal-card">
    <label>
      <span><span class="require">*</span>上级类别</span>
    </label>
    <d-cascader
      [options]="options"
      [(ngModel)]="pathPids"
      [dropdownPanelClass]="'custom-class'"
      (ngModelChange)="ngModelChange()"
      [allowClear]="true"
      [allowSearch]="true"
      [canSelectParent]="true"
      class="form-input-box"
      [showPath]="true"
      name="上级类别"
    ></d-cascader>
  </div>
  <div class="modal-card mt-3">
    <label>
      <span><span class="require">*</span>类别名称</span>
    </label>
    <input type="text" dTextInput class="form-input-box" name="类别名称" [(ngModel)]="form.supplyClassName">
  </div>
  <div class="modal-card">
    <label>
    </label>
    <div class="invalid" *ngIf="data.display&&!form.supplyClassName">*值不能为空</div>
  </div>
  <div class="modal-card mt-3">
    <label>
      <span>备注</span>
    </label>
    <textarea dTextarea class="form-textarea" name="备注" [(ngModel)]="form.note"></textarea>
  </div>
</div>
